import defaultSettings from "@/settings";

const {
  sideTheme,
  showSettings,
  topNav,
  tagsView,
  fixedHeader,
  sidebarLogo,
  dynamicTitle,
} = defaultSettings;

// const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";
// const state = {
//   title: '',
//   theme: storageSetting.theme || '#409EFF',
//   sideTheme: storageSetting.sideTheme || sideTheme,
//   showSettings: showSettings,
//   topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
//   tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
//   fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
//   sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
//   dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
// }
const state = {
  title: "预拌砼智慧工厂云平台",
  theme: "#005BF5",
  sideTheme: "theme-light",
  showSettings: showSettings,
  dynamicTitle: true,
  fixedHeader: true,
  sidebarLogo: true,
  tagsView: true,
  topNav: false,
};
const mutations = {
  CHANGE_SETTING: (state, { key, value }) => {
    if (state.hasOwnProperty(key)) {
      state[key] = value;
    }
  },
};

const actions = {
  // 修改布局设置
  changeSetting({ commit }, data) {
    commit("CHANGE_SETTING", data);
  },
  // 设置网页标题
  setTitle({ commit }, title) {
    state.title = title;
  },
};

export default {
  namespaced: true,
  state,
  mutations,
  actions,
};
